<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../assets/common/common.css">
    <link rel="stylesheet" href="../InventoryManagement/Approvaldetails.css">
    <title>审批详情</title>
</head>

<body>
    <!-- 头部审批详情设置 -->
    <div class="header flex aic jc-sb">
        <p class="left pl-20 flex aic">
            <a href="./InventoryManagement.html" class="iconfont icon-xiangzuojiantou"></a>
        </p>
        <p class="center">
            <span class="centertext">审批详情</span>
        </p>
        <p class="right pr-20 flex aic">
             <!-- 为了适配居中设置一个空的span标签 -->
            <span class="righttext"></span>
        </p>
    </div>
    <div class="whoapprover flex aic">
        <img src="../../assets/img/InventoryManagement/approverdetails.png" alt="">
        <div class="approvertextbox felx aic ">
            <p class="approvertoptext flex aic jc-sb">
                <span class="approvertoptextleft f16">晁文漪的采购申请审批</span>
                <span class="approvertoptextright f12 pr-20">审批通过</span>
            </p>
            <p class="approverfootertext mt-10 f12">
                <span class="approverfootertextleft">审批编号</span>
                <span class="approverfootertextright pl-10">20210225154222775</span>
            </p>
        </div>
    </div>
    <div class="Assetinfo mt-10 pr-20 pl-20 pb-20 pt-20">
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">采购单号</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">CG20220303009</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">申请日期</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">2022-09-01</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">申请公司</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">黛西进出口贸易公司</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">领用部门</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">产品部</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">领用人</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">弥冬灵</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">供应商</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">松江电器</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">附件</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">-</span>
            </p>
        </div>
        <div class="Assetitem flex aic jc-sb">
            <p class="Assetitemleft">
                <span class="Assetitemlefttext f12">申请说明</span>
            </p>
            <p class="Assetitemright">
                <span class="Assetitemrighttext f12">-</span>
            </p>
        </div>
    </div>
    <div class="Asset mt-10">
        <div class="Assetdetails flex aic ml-20 ml-20">
            <span class="Assetdetailstext f16">资产明细</span>
            <span class="totalquantity pl-15 f12">合计数量2</span>
            <span class="totalmoney pl-15 f12">合计金额</span>
            <span class="money pl-5 f12">12000.00元</span>
        </div>
        <div class="Assetbox ml-20 mr-20">
            <p class="Assetonetext f14 flex aic ml-20 mr-20">
                <span>资产1</span>
            </p>
            <div class="Changeinfo pr-20 pl-20  pb-20">
                <div class="Changeitem flex aic jc-sb ">
                    <p class="Changeitemleft">
                        <span class="Changeitemlefttext f12">资产名称</span>
                    </p>
                    <p class="Changeitemright">
                        <span class="Changeitemighttext f12">戴尔笔记本</span>
                    </p>
                </div>
                <div class="Changeitem flex aic jc-sb">
                    <p class="Changeitemleft">
                        <span class="Changeitemlefttext f12">资产类别</span>
                    </p>
                    <p class="Changeitemright">
                        <span class="Changeitemrighttext f12">电子及通讯设备</span>
                    </p>
                </div>
                <div class="Changeitem flex aic jc-sb">
                    <p class="Changeitemleft">
                        <span class="Changeitemlefttext f12">采购单价</span>
                    </p>
                    <p class="Changeitemright">
                        <span class="Changeitemrighttext f12">6000.00元</span>
                    </p>
                </div>
                <div class="Changeitem flex aic">
                    <p class="Changeitemleft">
                        <span class="Changeitemlefttext f12">采购数量</span>
                    </p>
                    <p class="Changeitemright">
                        <span class="Changeitemrighttext f12">2</span>
                    </p>
                </div>
                <div class="Changeitem flex aic jc-sb">
                    <p class="Changeitemleft">
                        <span class="Changeitemlefttext f12">采购金额</span>
                    </p>
                    <p class="Changeitemright">
                        <span class="Changeitemrighttext f12">12000.00元</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="Approvalprocess mt-10">
        <div class="process ml-20 flex aic jc-sb f16">
            <span>审批流程</span>
        </div>
        <img src="../../assets/img/InventoryManagement/Verticalbar.png" class="verticalbar abs ml-20 mt-10" alt="">
        <div class="processleftlist ml-15 mt-5 mr-20">
            <div class="processleftlisttext "> 
                <div class="processleftlisttexttop flex jc-sb ">
                    <p class="textbox">
                        <img src="../../assets/img/InventoryManagement/Greydot.png" class="Greydot" alt="">
                        <span class="whoapplication ml-10 f16">发起申请</span>
                    </p>
                    <span class="applicationtime f14">2022/10/29 10:28:28</span>
                </div>
                <div class="processleftlisttextimg flex jc-c fdc pl-20">
                    <img src="../../assets/img/InventoryManagement/Applicant'sAvatar.png" class="ApplicantsAvatar" alt="">
                    <span class="name pl-10 f14">晁文漪</span>
                </div>
            </div>
            <div class="processleftlisttext "> 
                <div class="processleftlisttexttop flex jc-sb ">
                    <p class="textbox">
                        <img src="../../assets/img/InventoryManagement/Greendot.png" class="Greydot" alt="">
                        <span class="whoapplication ml-10 f16">审批人</span>
                        <span class="whoapplicationnum f14">1人审批</span>
                    </p>
                    <span class="applicationtime f14">2022/10/29 10:28:28</span>
                </div>
                <div class="processleftlisttextimg flex jc-c fdc pl-20">
                    <p class="flex rel">
                        <img src="../../assets/img/InventoryManagement/Applicant'sAvatar2.png" class="ApplicantsAvatar" alt="">
                        <span class="agree f14 abs">已同意</span>
                    </p>
                    <span class="name pl-10 f14">王丽英</span>
                </div>
            </div>
            <div class="processleftlisttext "> 
                <div class="processleftlisttexttop flex jc-sb ">
                    <p class="textbox">
                        <img src="../../assets/img/InventoryManagement/Greydot.png" class="Greydot" alt="">
                        <span class="whoapplication ml-10 f16">抄送1人</span>
                    </p>
                </div>
                <div class="processleftlisttextimg flex jc-c fdc pl-20">
                    <img src="../../assets/img/InventoryManagement/Applicant'sAvatar3.png" class="ApplicantsAvatar" alt="">
                    <span class="name pl-10 f14">邵苑杰</span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>